<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk" />
    <title>@Model.CodeName</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            padding-bottom: 150px;
        }

        h2 {
            text-align: center;
            margin: 30px auto;
        }

        pre {
            margin: 0 auto;
            width: 35%;
            margin-bottom: 60px;
        }

        #sql-code {
            line-height: 1.5em;
            font-family: "Cascadia Code","lucida console","Consolas",'Microsoft YaHei' !important;
        }
    </style>
    <style type="text/css" id="vs_css">
        .hljs {
            display: block;
            overflow-x: auto;
            padding: .5em;
            background: #fff;
            color: #000
        }

        .hljs-comment, .hljs-quote, .hljs-variable {
            color: green
        }

        .hljs-built_in, .hljs-keyword, .hljs-name, .hljs-selector-tag, .hljs-tag {
            color: #00f
        }

        .hljs-addition, .hljs-attribute, .hljs-literal, .hljs-section, .hljs-string, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type {
            color: #a31515
        }

        .hljs-deletion, .hljs-meta, .hljs-selector-attr, .hljs-selector-pseudo {
            color: #2b91af
        }

        .hljs-doctag {
            color: grey
        }

        .hljs-attr {
            color: red
        }

        .hljs-bullet, .hljs-link, .hljs-symbol {
            color: #00b0e8
        }

        .hljs-emphasis {
            font-style: italic
        }

        .hljs-strong {
            font-weight: 700
        }
    </style>
</head>
<body>
    <div>
        <h2>@Model.CodeName</h2>
        <pre><code id="sql-code">@Model.Content</code></pre>
    </div>
</body>
</html>
